"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const components_1 = require("@tarojs/components");
const react_1 = require("react");
const taro_1 = require("@tarojs/taro");
const taro_ui_1 = require("taro-ui");
const foot_png_1 = require("./image/foot.png");
const score_png_1 = require("./image/score.png");
const left_png_1 = require("./image/left.png");
const family_jpg_1 = require("./image/family.jpg");
const see_png_1 = require("./image/see.png");
const nosee_png_1 = require("./image/nosee.png");
const yy_png_1 = require("./image/yy.png");
const grow_png_1 = require("./image/grow.png");
const address_png_1 = require("./image/address.png");
const view_png_1 = require("./image/view.png");
const user_png_1 = require("./image/user.png");
const normal_png_1 = require("./image/normal.png");
const private_png_1 = require("./image/private.png");
require("./index.scss");
// class My extends React.Component {
function My() {
    const [list, setList] = react_1.useState([
        {
            title: '我的营养计划',
            imgSrc: see_png_1.default,
            name: '已看',
            avatar: '>',
            url: '/pages/my/look/index'
        },
        {
            title: '',
            imgSrc: nosee_png_1.default,
            name: '未看',
            avatar: '>',
            url: '/pages/my/look/index',
        },
        {
            title: '我的收藏',
            imgSrc: yy_png_1.default,
            name: '营养师',
            avatar: '>',
            url: '/pages/my/collection/collection',
        },
        {
            title: '',
            imgSrc: grow_png_1.default,
            name: '成长小计划',
            avatar: '>',
            url: '/pages/my/collection/collection',
        },
        {
            title: '常用必备',
            imgSrc: address_png_1.default,
            name: '我的地址',
            avatar: '>',
            url: '',
        }, {
            title: '',
            imgSrc: view_png_1.default,
            name: '历史浏览',
            avatar: '>',
            url: ''
        },
        {
            title: '',
            imgSrc: user_png_1.default,
            name: '我的孕育信息',
            avatar: '>',
            url: ''
        },
    ]);
    const [list1, setList1] = react_1.useState([
        {
            title: '我的营养计划',
            imgSrc: see_png_1.default,
            name: '发表',
            avatar: '>',
            url: ''
        },
        {
            title: '',
            imgSrc: nosee_png_1.default,
            name: '未发表',
            avatar: '>',
            url: ''
        },
        {
            title: '购买订单',
            imgSrc: private_png_1.default,
            name: '私人定制',
            avatar: '>',
            url: ''
        },
        {
            title: '',
            imgSrc: normal_png_1.default,
            name: '普通定制',
            avatar: '>',
            url: ''
        },
        {
            title: '常用必备',
            imgSrc: address_png_1.default,
            name: '我的地址',
            avatar: '>',
            url: ''
        }, {
            title: '',
            imgSrc: grow_png_1.default,
            name: '我的荣誉',
            avatar: '>',
            url: ''
        },
        {
            title: '',
            imgSrc: user_png_1.default,
            name: '用户反馈',
            avatar: '>',
            url: ''
        },
    ]);
    const List = list.map((content) => (<components_1.View className="totle" onClick={() => taro_1.default.navigateTo({ url: content.url })}>
      <components_1.View className="title">{content.title}</components_1.View>
      <components_1.View className="list">
        <components_1.View className="left">
          <components_1.Image className="imgSrc" style="padding-top:5px;width:25px;height:25px" src={content.imgSrc}/>
          <components_1.View className="name">{content.name} </components_1.View>
        </components_1.View>
        <components_1.View className="right">{content.avatar}
        </components_1.View>
      </components_1.View>
      <taro_ui_1.AtDivider content="" height="30" lineColor="	#000"/>
    </components_1.View>));
    const List1 = list1.map((content) => (<components_1.View className="totle">
      <components_1.View className="title">{content.title}</components_1.View>
      <components_1.View className="list">
        <components_1.View className="left">
          <components_1.Image className="imgSrc" style="padding-top:5px;width:25px;height:25px" src={content.imgSrc}/>
          <components_1.View className="name">{content.name} </components_1.View>
        </components_1.View>
        <components_1.View className="right">{content.avatar}
        </components_1.View>
      </components_1.View>
      <taro_ui_1.AtDivider content="" height="30" lineColor="	#000"/>
    </components_1.View>));
    return (<components_1.View className="box">
      <components_1.View className="top">
        <components_1.View className="topimg">
          <components_1.Image style="width:25px;height:25px" src={left_png_1.default}/>
        </components_1.View>
        <components_1.View className="toptxt">我的</components_1.View>
        <components_1.View />
      </components_1.View>

      <components_1.View className="box1">
        <components_1.View className="box11">
          <components_1.View className="tx">
            <circle size="large" image="https://jdc.jd.com/img/200"/>
          </components_1.View>
        </components_1.View>
        <components_1.View className="box12">
          <components_1.View className="z1">
            <components_1.View className="z11">黑的白的黄的绿的紫的粉的</components_1.View>
            <components_1.View className="z1tp">
              <components_1.Image style="width: 30px;height: 30px" src={foot_png_1.default}/>
            </components_1.View>
          </components_1.View>
          <taro_ui_1.AtDivider content="" height="50" lineColor="#CCC"/>
          <components_1.View className="z2">
            <components_1.View className="z21">
              <components_1.View className="z211">当前拥有的积分</components_1.View>
              <components_1.View className="z212">任务中心</components_1.View>
            </components_1.View>
            <components_1.View className="z22">
              <components_1.View className="z2tp">
                <components_1.Image style="width: 30px;height: 30px" src={score_png_1.default}/>
              </components_1.View>
              <components_1.View className="ks">克数</components_1.View>
            </components_1.View>
          </components_1.View>
        </components_1.View>
      </components_1.View>
      <components_1.View className="box2">
        <components_1.View className="box21">
          <components_1.Image style="width:300px;height:100px" src={family_jpg_1.default}/>
        </components_1.View>
      </components_1.View>

      <components_1.View className="box3">
        {List}
      </components_1.View>
      <components_1.View className="box3">
        {List1}
      </components_1.View>
    </components_1.View>);
    // }
    <fit />;
}
exports.default = My;
//# sourceMappingURL=index.jsx.map